// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import store from '@/store/store'
import '@/styles/index.scss'



// 设置为 false 以阻止 vue 在启动时生成生产提示。
Vue.use(ElementUI);
Vue.config.productionTip = false

router.beforeEach((to, from, next) => {
  let token = localStorage.getItem('mytoken');
  if(token) {
    next()
  } else if(to.path !=='/login') {
    next({path:'/login'})
  } else{
    next()
  }
})

// import Vuex from 'vuex'
// Vue.use(Vuex)
// const store = new Vuex.Store({
//   // 相当于vue中的data
//   state:{      
//     count:100,
//     username:'xx'
//   },
//   // 相当于methods
//   mutations: {
//     add(state){
//       state.count++
//     },
   
//   }
// })
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  // <App />他就是App.vue，template就是选择vue实例要加载哪个模板。最新的vue-cli脚手架模板现在是这个形式。
  // App.vue是主程序，其他所有的.vue都是放在App.vue中，所以只需要加载App.vue就完全可以把其他的东西加载出来。
  template: '<App/>'
})
